<template>
    <div>
      <div class="yd-ls-content-box">
        <h2 class="yd-ls-content-title-max" v-if="bigtitle" v-text="bigtitle"></h2>
        <em class="yd-ls-content-title-min" v-if="smalltitle" v-text="smalltitle"></em>
        <span class="yd-ls-content-title-mid" v-if="datetitle">发布于{{ datetitle }}</span>
        <p class="yd-ls-content-title-con"><slot name="content"></slot></p>
      </div>
      <yd-backtop></yd-backtop>
    </div>
</template>

<style>

  .yd-ls-content-box {
    background-color: rgb(255,255,255);
    padding: 0.34rem;
    overflow: hidden;
    font-size: 0.28rem;
    text-align: center;
  }
  /*大标题*/
  .yd-ls-content-box .yd-ls-content-title-max {
    font-size: 0.32rem;
    font-weight: normal;
    max-width: 6rem;
    line-height: 0.42rem;
    display: inline-block;
    margin-bottom: 0.2rem;
    color: #303030;
  }
  /*标题*/
  .yd-ls-content-box .yd-ls-content-title-min {
    display: block;
    line-height: 0.4rem;
    margin-bottom: 0.34rem;
    font-size: 0.3rem;
    color: #303030;
  }
  /*内容*/
  .yd-ls-content-box .yd-ls-content-title-con {
    /*padding-top: 0.34rem;*/
    text-align: left;
    font-size: 0.28rem;
    /*text-indent: 2em;*/
    line-height: 0.48rem;
    color: #666;
  }
  /*提示文字*/
  .yd-ls-content-box .yd-ls-content-title-mid {
    display: block;
    margin-bottom: 0.24rem;
    font-size: 0.24rem;
    color: #C6C6C6;
    line-height: 0.1rem;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 0.24rem;
  }


</style>
<script>
    export default {
        name: '',
        props: {
          bigtitle: String,
          smalltitle: String,
          datetitle: String,
          content: String
        },
        data() {
            return {
                msg: 'hello cls!'
            }
        },
        methods: {},
        mounted() {
        },
        components: {}


    }
</script>
